<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04_图片插入练习</title>
</head>
<body>
    <!-- 右键选中.html文件 open in - explore -->
    <!-- 相对路径：从当前html文件出发去找资源-->
    <!-- 1）图片为html文件子啊同一级目录：直接写图片全名-->
    <!-- 2）图片在html文件上一级目录：先../回到上一级目录再写图片全名-->
    <!-- 3）图片在html文件下一级目录：先写目录名在写图片全名-->
    <img src="1.jpg" alt="这是一只猫">
    <img src="img/2.jpg" alt="这是一个美女" width="1920" height="1080">
    <img src="../3.jpg" width="1680px" height="90px">
    <img src="https://cdn.tmooc.cn/bsfile//imgad///131c397f78ab4c7ca871a7cc925092b5.jpg" width="1680px" height="400px">
</body>
</html>